.btn,
a.btn,
button.btn {
  display: inline-block;
  border: none;
  font-size: 1em;
  line-height: 1.6em;
  color: #282830;
  background-color: #eff0f0;
  padding: 0 15px;
  height: 35px;
  min-width: 160px;
  max-width: 100%;
  border-radius: 18px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

a.btn .icon,
button.btn .icon {
  display: inline-block;
  text-decoration: none;
  margin-left: -8px
}

.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none
}

.btn[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover {
  color: #333;
  background-color: #e6e5e5;
  border-color: #adadad
}

.btn-default[disabled],
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
  background-color: #fff;
  border-color: #ccc
}

.btn-simple {
  border: 1px solid #cecfd0
}

a.btn-simple:active,
a.btn-simple:focus,
a.btn-simple:hover,
button.btn-simple:active,
button.btn-simple:focus,
button.btn-simple:hover {
  background-color: #cecfd0
}

a.btn-functional,
button.btn-functional {
  color: #fff;
  background-color: #282830;
  border: 1px solid #282830;
}

a.btn-functional:active,
a.btn-functional:hover,
button.btn-functional:active,
button.btn-functional:hover {
  color: #fff;
  background-color: #383842;
  border: 1px solid #282830;
}

a.btn-functional:focus,
button.btn-functional:focus {
  color: #fff;
}

a.btn-functional label.check::before,
button.btn-functional label.check::before {
  background-color: transparent;
  border-color: #fff
}

a.btn-functional label::after,
button.btn-functional label::after {
  border-color: #fff !important
}

a.btn-action-primary,
button.btn-action-primary {
  color: #fff;
  background-color: #f02;
  border: 1px solid #f02;
}

a.btn-action-primary:active,
a.btn-action-primary:hover,
button.btn-action-primary:active,
button.btn-action-primary:hover {
  color: #fff;
  background: #d90022;
  border: 1px solid #f02;
}

a.btn-action-primary:focus,
button.btn-action-primary:focus {
  color: #fff;
}

a.btn-action-secondary,
button.btn-action-secondary {
  border: 1px solid #f02;
  color: #f02;
  background-color: #fff;
}

a.btn-action-secondary:active,
a.btn-action-secondary:hover,
button.btn-action-secondary:active,
button.btn-action-secondary:hover {
  color: #f02;
  background-color: rgba(255, 0, 34, 0.1);
}

a.btn-action-secondary:focus,
button.btn-action-secondary:focus {
  color: #f02;
}

a.btn-small,
button.btn-small {
  font-size: 1.2rem;
  line-height: 3.4rem;
  padding: 0 12px;
  height: 35px
}

a.btn-small.btn-action-secondary,
button.btn-small.btn-action-secondary {
  line-height: 3.2rem
}

a.btn-small.btn-action-secondary:active,
a.btn-small.btn-action-secondary:focus,
a.btn-small.btn-action-secondary:hover,
button.btn-small.btn-action-secondary:active,
button.btn-small.btn-action-secondary:focus,
button.btn-small.btn-action-secondary:hover {
  padding: 0 11px;
  line-height: 3rem
}

a.btn-close,
button.btn-close {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 16px;
  height: auto;
  min-width: 0
}

a.btn-close .icon-remove,
button.btn-close .icon-remove {
  margin-right: 0;
  font-size: 2rem;
  line-height: 3.2rem;
  position: absolute;
  bottom: 0;
  right: 6px
}

.detail-page-link,
.detail-page-link:visited {
  font-style: italic;
  color: #282830;
}

.detail-page-link:hover {
  color: #ff0022;
}