@import '../../assets/scss/constants/colors';

.c_btn {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 12px;
  vertical-align: middle;

  &-small {
    padding: 0.5rem 0.7rem;
    font-size: 9px;
  }

  &-medium {
    padding: 0.7rem 0.9rem;
    font-size: 11px;
  }

  &-large {
    padding: 0.9rem 1.4rem;
    font-size: 13px;
  }

  &-secondary {
    background-color: $deepteal;
    color: $white;
  }

  &-primary {
    background: $smokeWhite;
    color: $black;
  }

  &-block {
    width: 100%;
  }

  &:disabled {
    opacity: 0.5;
    cursor: initial;
  }
}