/* From https://codeburst.io/how-to-create-a-simple-css-loading-spinner-make-it-accessible-e5c83c2e464c
   Credit Stuart Nelson - https://codeburst.io/@stuartjnelson
*/

/* Converted Tailwind Config to scss */

.call_to_action__overlay {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
}

.call_to_action__overlay svg {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

.call_to_action__overlay--back svg {
  top: 5%;
  right: 0;
}

@media (min-width: 768px) {
  .call_to_action__overlay--back svg {
    top: 13%;
  }
}

@media (min-width: 1024px) {
  .call_to_action__overlay--back svg {
    top: 25%;
  }
}

.call_to_action__image {
  min-height: 481px;
}

@media (min-width: 768px) {
  .call_to_action__image {
    min-height: auto;
  }
}

.call_to_action__overlays--mobile svg {
  position: absolute;
  height: auto;
  width: 100%;
  min-width: 1440px;
  bottom: 0;
  left: 0;
}

.call_to_action .button.button--outline.button--angle .button__link {
  transition: all .2s ease-in-out;
}

.call_to_action .button.button--outline.button--angle .button__link::after, .call_to_action .button.button--outline.button--angle .button__link::before {
  height: calc(100% - 3px);
}