/**
 * @file
 * Flip Card block styles.
 */
@font-face {
  font-family: "lato-fallback";
  size-adjust: 98%;
  ascent-override: 101%;
  src: local("Arial");
}
@font-face {
  font-family: "lato-fallback-light";
  size-adjust: 95%;
  ascent-override: 101%;
  src: local("Arial");
}
.block-flip-card {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  margin: 0 9.75%;
}
@media (max-width: 1023px) and (min-width: 781px) {
  .block-flip-card {
    margin: 0 2%;
  }
}

.flip-card__inner {
  display: -ms-grid;
  display: grid;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  cursor: pointer;
  -webkit-box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.15);
}
.--is-flipped .flip-card__inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.flip-card__face {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 1.875rem;
}
@media (max-width: 1023px) and (min-width: 781px) {
  .flip-card__face {
    padding: 1.5rem;
  }
  .flip-card__face p {
    font-size: 1rem;
  }
}

.flip-card__front {
  background-color: #FFFFFF;
}

.flip-card__back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  background: -webkit-gradient(linear, left bottom, left top, from(#00157C), to(#3557ff));
  background: linear-gradient(0deg, #00157C 0%, #3557ff 100%);
  color: #FFFFFF;
}

.flip-card__button {
  font-size: 0.8125rem;
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(#00157C), to(#3557ff));
  background: linear-gradient(90deg, #00157C 0%, #3557ff 100%);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  padding: 0.5em 1.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  border-radius: 1.25rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: auto;
}
.flip-card__back .flip-card__button {
  background: none;
  border: 0.09375rem solid #FFFFFF;
}
.flip-card__button:after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="21.711" height="15.761" viewBox="0 0 21.711 15.761"><g transform="translate(-949.999 -531)"><path d="M4.014,10.8a.625.625,0,0,1-.593-.427A7.874,7.874,0,0,1,14.707.989.625.625,0,0,1,14.1,2.081a6.625,6.625,0,0,0-9.493,7.9.625.625,0,0,1-.593.824Z" transform="translate(950 531)" fill="%23FFFFFF"/><path d="M4.035,11.42.23,8.318a.625.625,0,1,1,.79-.969L3.856,9.662,6.167,6.826a.625.625,0,1,1,.969.79Z" transform="translate(950 531)" fill="%23FFFFFF"/><path d="M10.825,15.76A7.875,7.875,0,0,1,7,14.771a.625.625,0,1,1,.608-1.092,6.625,6.625,0,0,0,9.492-7.9.625.625,0,1,1,1.185-.4A7.876,7.876,0,0,1,10.825,15.76Z" transform="translate(950 531)" fill="%23FFFFFF"/><path d="M15.058,9.165a.625.625,0,0,1-.484-1.02l3.1-3.8,3.805,3.1a.625.625,0,0,1-.79.969L17.854,6.1,15.543,8.934A.624.624,0,0,1,15.058,9.165Z" transform="translate(950 531)" fill="%23FFFFFF"/><rect width="21.71" height="15.761" transform="translate(950 531)" fill="none"/></g></svg>');
  margin-left: 8px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.flip-card__inner:hover .flip-card__button:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
/*# sourceMappingURL=flip-card.css.map */