.field--name-field-download a::after {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.field--name-field-download a::after {
  content: "\e900"; }

.field--name-field-download .field__label {
  font-weight: normal;
  font-size: calc(18px + 2 * ((100vw - 600px) / 800));
  line-height: calc(22px + 2 * ((100vw - 600px) / 800));
  font-family: "Founders-grotesk-Medium", "sans-serif";
  margin-bottom: calc(7.5px + 7.5 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .field--name-field-download .field__label {
      font-size: 18px; } }
  @media screen and (min-width: 1400px) {
    .field--name-field-download .field__label {
      font-size: 20px; } }
  @media screen and (max-width: 600px) {
    .field--name-field-download .field__label {
      line-height: 22px; } }
  @media screen and (min-width: 1400px) {
    .field--name-field-download .field__label {
      line-height: 24px; } }
  @media screen and (max-width: 600px) {
    .field--name-field-download .field__label {
      margin-bottom: 7.5px; } }
  @media screen and (min-width: 1400px) {
    .field--name-field-download .field__label {
      margin-bottom: 15px; } }

.field--name-field-download a {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  color: #fff; }
  .field--name-field-download a::before {
    transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    flex-shrink: 0;
    display: block;
    box-sizing: border-box;
    border: 2px solid var(--color-link);
    border-radius: 50%;
    content: ''; }
  .field--name-field-download a::after {
    transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: calc(16px + 8 * ((100vw - 600px) / 800));
    transform: translateY(-50%); }
    @media screen and (max-width: 600px) {
      .field--name-field-download a::after {
        font-size: 16px; } }
    @media screen and (min-width: 1400px) {
      .field--name-field-download a::after {
        font-size: 24px; } }
  .field--name-field-download a::before {
    width: calc(40px + 16 * ((100vw - 600px) / 800));
    height: calc(40px + 16 * ((100vw - 600px) / 800));
    margin-right: calc(8px + 2 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .field--name-field-download a::before {
        width: 40px; } }
    @media screen and (min-width: 1400px) {
      .field--name-field-download a::before {
        width: 56px; } }
    @media screen and (max-width: 600px) {
      .field--name-field-download a::before {
        height: 40px; } }
    @media screen and (min-width: 1400px) {
      .field--name-field-download a::before {
        height: 56px; } }
    @media screen and (max-width: 600px) {
      .field--name-field-download a::before {
        margin-right: 8px; } }
    @media screen and (min-width: 1400px) {
      .field--name-field-download a::before {
        margin-right: 10px; } }
  .field--name-field-download a::after {
    left: calc(12px + 4 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .field--name-field-download a::after {
        left: 12px; } }
    @media screen and (min-width: 1400px) {
      .field--name-field-download a::after {
        left: 16px; } }
  .has-mouse .field--name-field-download a:hover::before {
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: var(--color-link); }
  .has-mouse .field--name-field-download a:hover::after {
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: #fff; }

/*# sourceMappingURL=../../_maps/components/field/field--download.css.map */
