.pricing-card-body {
                    position: relative;
                }

                .most-subscribed {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    font-size: 13px;
                    font-weight: 400;
                    color: var(--white);
                    padding: 3.5px 15px;
                    margin: 0 auto;
                    border: none;
                    border-radius: 0 0 8px 8px;
                    width: fit-content;
                    height: fit-content;
                    background-color: var(--color-first);
                    z-index: 1;
                }

                .plan-coming {
                    background-color: var(--bg-first-light);
                    border-color: var(--color-first);
                }

                .plan-ul {
                    list-style: none;
                    padding: 0;
                }

                .plan-ul li {
                    align-items: flex-start;
                }

                .success-icon {
                    flex-shrink: 0;
                    margin-top: 2px;
                }
             .button.btn-first.small-btn {
                    transition: all 0.3s ease;
                }

                .button.btn-first.small-btn:hover {
                    transform: translateY(-2px);
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
                }

                .button.btn-first.small-btn:active {
                    transform: translateY(0);
                    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
                }