.c-protection-widget {
  &__arrow-span {
    line-height: 0;

    &.expanded {
      transform: rotateX(180deg);
    }
  }

  & .button-block {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }

  &__widget-content-container {
    overflow-y: auto;
    height: 445px;
  }

  &__buy-protection-wrapper {
    margin: 0;
    height: 100%;
    box-sizing: border-box;
  }

  &__policy-card-container {
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    scroll-snap-type: y mandatory;
    overscroll-behavior-y: contain;
  }

  &__policy-title {
    margin: 15px 15px 0 15px;
  }

  &__policy-card {
    margin: 5px 5px 0;
    display: flex;
    scroll-snap-align: start;
  }

  &__see-details {
    margin-top: 3px;
    display: flex;
  }

  &__content {
    font-family: "Poppins", sans-serif !important;

    &.hidden {
      max-height: 0;
      transition: max-height 0.5s ease-in-out;
      overflow: hidden;
    }

    &.expanded {
      max-height: 500px;
      transition: max-height 0.5s ease-in-out;
      overflow: hidden;
    }
  }

  &__switch {
    font-family: "Poppins", sans-serif !important;
    font-size: $fs-small;
    color: map-get($dark-blue, 1);
    margin: 7px;

    & >div {
      margin-bottom: 8px;
    }
  }
}
