.user-address-delivery {
  .delivery-address {
    .selected-address {
      display: block;
      font-weight: bold;
      padding-bottom: 10px;
    }

    .user-address {
      &__content {
        @include make-col(12);
      }

      &__delete {
        margin-top: 75px;

        .delete-heading {
          margin: 0;
          font-size: 1rem;
          font-weight: 500;
        }

        &-action {
          display: flex;
          flex-direction: column;
          margin-top: 30px;

          .btn {
            width: 100%;
          }
        }
      }

      &__links {
        @include make-col(12);
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;

        .user-address__btn {
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          align-items: center;

          .btn-remove-address {
            background-color: $white;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;

            .fa-trash {
              width: 20px;
              height: 20px;
            }
          }
        }
      }
    }
  }
}


@include media-breakpoint-up(md) {
  .user-address-delivery {
    .delivery-address {
      .user-address {
        &__delete {
          &-action {
            flex-direction: row;

            .btn {
              width: 155px;
            }
          }
        }

        &__address {
          @include make-col(5);
        }

        &__phone {
          @include make-col(4);
        }

        &__links {
          @include make-col(3);
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;

          .user-address__btn {
            display: flex;
            flex-direction: column-reverse;
            align-items: flex-end;
            height: 100%;

            .btn-remove-address {
              margin-top: 12px;

              .fa-trash {
                width: 20px;
                height: 20px;
              }
            }
          }
        }
      }
    }
  }
}


@include media-breakpoint-only(md) {
  .user-address-delivery {
    .delivery-address {
      .user-address {
        padding-bottom: 20px;

        &__address {
          @include make-col(5);
        }

        &__phone {
          @include make-col(4);
        }

        &__links {
          @include make-col(3);
        }
      }
    }
  } 
}
