/*
Theme Name: ag-farmacia-preceruti
Theme URI: http://underscores.me/
Description: Wordpress Theme rapid development
Author: anonymous
Requires at least: 5.3
Tested up to: 6.0.2
Requires PHP: 7.4
Version: 0.4
*/

.mfp-container .mfp-arrow::before {
  background: url('assets/i/static/gallery-right-black.svg') no-repeat center;
}

.mfp-container .mfp-arrow:hover:before {
  background: url('assets/i/static/gallery-right-white.svg') no-repeat center;
}

/* Nunito Sans Variable Font */
@font-face {
  font-family: 'Nunito Sans';
  src:
    url('assets/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.woff2')
      format('woff2'),
    url('assets/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.woff')
      format('woff');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src:
    url('assets/fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.woff2')
      format('woff2'),
    url('assets/fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.woff')
      format('woff');
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}

.form {
  .form__btn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1.6rem;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    mask: url(./assets/i/static/arrow-right.svg) center / contain no-repeat;
    -webkit-mask: url(./assets/i/static/arrow-right.svg) center / contain
      no-repeat;
    background-color: var(--contrast);
    transform: translateY(-50%);
    transition: all 0.5s ease;
    z-index: 11;
    aspect-ratio: 1/1;
    will-change: transform;
    backface-visibility: hidden;
    pointer-events: none;
  }

  .form__btn:hover:after {
    background-color: var(--accent);
  }
}