@use '../variables/colors';
@use '../variables/fonts';
@use '../variables/line-height';

@use '../tools/rfs';

.btn {
  font-family: fonts.$font-family-sans-serif;
  font-weight: fonts.$font-weight-light;
  line-height: line-height.$body;
  @include rfs.font-size(14px);
  @include rfs.padding-top(8px);
  @include rfs.padding-right(24px);
  @include rfs.padding-bottom(8px);
  @include rfs.padding-left(24px);
  display: inline-block;
  background-color: colors.$light-gray;
  border: 1px solid colors.$white;
  cursor: pointer;
}

.btn:hover {
  border: 1px solid colors.$gray;
}