.embedded-entity .paragraph--type--callout-card a {
  display: inline;
  background-image: linear-gradient(180deg, transparent 90%, #B31B1B 0);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: background-size .4s ease; }
  .user-is-tabbing .embedded-entity .paragraph--type--callout-card a:focus, .embedded-entity .paragraph--type--callout-card .user-is-tabbing a:focus, .embedded-entity .paragraph--type--callout-card a:hover {
    background-size: 100% 100%;
    text-decoration: none; }

.user-is-tabbing :focus {
  outline: 1px dotted currentColor;
  outline-offset: 2px; }

.embedded-entity .paragraph--type--callout-card {
  position: absolute;
  background: #fff;
  box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.16);
  width: 230px;
  padding: 30px;
  right: -39%;
  transform: translateY(50%); }
  .embedded-entity .paragraph--type--callout-card .field--type-string, .embedded-entity .paragraph--type--callout-card .field--type-string-long {
    font-family: "Work Sans", sans-serif;
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1600 - 768)));
    margin: 0 0 10px; }
    .embedded-entity .paragraph--type--callout-card .field--type-string.card-title, .embedded-entity .paragraph--type--callout-card .field--type-string-long.card-title {
      line-height: 1.1;
      font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));
      font-weight: 700; }
  .embedded-entity .paragraph--type--callout-card a {
    color: #B31B1B;
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1600 - 768)));
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    text-decoration: none; }
  @media (max-width: 991.98px) {
    .embedded-entity .paragraph--type--callout-card {
      position: relative;
      right: auto;
      transform: translateY(0);
      margin-bottom: 30px; } }
  @media (max-width: 767.98px) {
    .embedded-entity .paragraph--type--callout-card {
      width: auto; } }