@import '../styles/variables';

.main {
  display: flex;
  flex-direction: column;
  padding-block-start: 22px;
  padding-block-end: 22px;
  padding-inline-start: 0;
  padding-inline-end: 0;

  %no-padding {
    padding: 0;
  }

  .header {
    @extend %no-padding;
    margin-block-start: 16px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: $clickable-item;
  }

  .subtext {
    @extend %no-padding;
    margin-inline-start: 4px;
    margin-inline-end: 4px;
    margin-block-start: 7px;
    margin-block-end: 0;
    text-align: center;
    color: $clickable-item;
  }

  .link {
    @extend %no-padding;
    align-self: center;
    margin-block-start: 9px;
    margin-block-end: 0;
    margin-inline-start: 18px;
    margin-inline-end: 19px;
  }
}