.ca-shipping-options {
  display: grid;
  grid-auto-rows: repeat(3, 1fr);
  row-gap: rem-calc(16);

  &__option {
    border: 2px solid $c-border-light;
    position: relative;
    padding: 15px 15px 15px 60px;
    width: 100%;
    display: flex;
    align-items: center;

    &::before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      box-shadow: 0 0 0 2px $c-border-light;
      background-color: #fff;
      border: 4px solid #fff;
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      left: 18px;
      border-radius: 50%;
      transition: background-color 200ms ease;
    }

    &:hover {
      &::before {
        background-color: hex-to-rgba($c-accent-color, 0.4);
      }
    }

    &--selected {
      border-color: $c-success;
      cursor: initial;

      &::before {
        background-color: var(--accent-color, $c-accent-color) !important;
      }
    }
  }

  &__logo {
    width: rem-calc(50);
    height: auto;
    margin: 0 rem-calc(20) 0 0;
  }

  &__name {
    padding: $px4 0;
  }

  &__price {
    margin-left: auto;
    font-weight: $font-weight-bold;
  }
}