.paragraph--type--button-with-icon {
  .field--name-field-link {
    padding: 15px 30px;
    border-radius: 6px;
    margin: auto;
    border: 1px solid transparent;
    transition: all ease 0.3s;
    text-align: center;

    a {
      text-align: center;
      font-family: var(--font-sans);
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 14px; /* 58.333% */
      letter-spacing: 1.44px;
      text-transform: uppercase;
      text-decoration: none;
    }

    &:hover {
      background: var(--Pure-White, #FFF) !important;
      border: 1px solid var(--Brand-Secondary, #DD3A31);

      a {
        color: var(--Dark-Base, #282846) !important;

        &::after {
          /* filter:invert(); */
        }
      }
    }
  }

  &.file-icon {
    .field--name-field-link {
      a {
        &::after {
          content: url('../../images/icons/file-icon-btn.svg');
          margin-left: 20px;
        }
      }
    }
    &:hover {
      .field--name-field-link {
        a {
          &::after {
            content: url('../../images/icons/file-icon-btn-hover.svg');
          }
        }
      }     
    }
  }

  &.ticket-icon {
    .field--name-field-link {
      a {
        &::after {
          content: url('../../images/icons/ticket-icon-btn.svg');
          margin-left: 20px;
        }
      }
    }
    &:hover {
      .field--name-field-link {
        a {
          &::after {
            content: url('../../images/icons/ticket-icon-btn-hover.svg');
          }
        }
      }     
    }
  }

  &.doc-icon {
    .field--name-field-link {
      a {
        &::after {
          content: url('../../images/icons/doc-icon-btn.svg');
          margin-left: 20px;
        }
      }
    }
    &:hover {
      .field--name-field-link {
        a {
          &::after {
            content: url('../../images/icons/doc-icon-btn-hover.svg');
          }
        }
      }     
    }
  }

  &.search-icon {
    .field--name-field-link {
      a {
        &::after {
          content: url('../../images/icons/search-icon-btn.svg');
          margin-left: 20px;
        }
      }
    }
    &:hover {
      .field--name-field-link {
        a {
          &::after {
            content: url('../../images/icons/search-icon-btn-hover.svg');
          }
        }
      }     
    }
  }

  &.handshake-icon {
    .field--name-field-link {
      a {
        &::after {
          content: url('../../images/icons/handshake-icon-btn.svg');
          margin-left: 20px;
        }
      }
    }
    &:hover {
      .field--name-field-link {
        a {
          &::after {
            content: url('../../images/icons/handshake-icon-btn-hover.svg');
          }
        }
      }     
    }
  }

  &.pen-icon {
    .field--name-field-link {
      a {
        &::after {
          content: url('../../images/icons/pen-icon-btn.svg');
          margin-left: 20px;
        }
      }
    }
    &:hover {
      .field--name-field-link {
        a {
          &::after {
            content: url('../../images/icons/pen-icon-btn-hover.svg');
          }
        }
      }     
    }
  }

  &.gift-icon {
    .field--name-field-link {
      a {
        &::after {
          content: url('../../images/icons/gift-icon-btn.svg');
          margin-left: 20px;
        }
      }
    }
    &:hover {
      .field--name-field-link {
        a {
          &::after {
            content: url('../../images/icons/gift-icon-btn-hover.svg');
          }
        }
      }     
    }
  }
}