.PrimaryBtn {
    background-color: var(--main-pink);
    border: none;
    border-radius: 15px;
    color: white;
    font-family: 'Switzer', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    min-height: 44px;
    min-width: 44px;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.PrimaryBtn:hover {
    background-color: var(--accent-orange);
    color: white;
    box-shadow: 0 4px 15px rgba(221,0,133,0.3);
}

.PrimaryBtn:active {
    transform: scale(0.97);
}

.PrimaryBtn.active {
    background-color: var(--accent-orange);
    color: white;
}
.PrimaryBtn:disabled {
    background-color: #333;
    border: 1px solid white;
}

.CopyBtn {
    background-color: var(--main-pink);
    color: white;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.CopyBtn:hover,
.CopyBtn:focus {
    background-color: var(--accent-orange);
    color: white !important;
}

.CopyBtn:active {
    transform: scale(0.97);
}

.IconBtn, .IconBtn:hover {
    color: white;
    border-color: none;
    border-radius: 15px;
    min-height: 44px;
    min-width: 44px;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.IconBtn:hover {
    background-color: rgba(255,255,255,0.2);
}

.IconBtn:active {
    transform: scale(0.93);
}

.WhishlistBtn {
    background-color: var(--main-pink);
    border: none;
    color: white;

    position: fixed;
    bottom: 25px;
    right: 25px;
    padding: .3rem 1rem;
    font-size: 3rem;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.WhishlistBtn:hover {
    background-color: var(--accent-orange);
    color: white;
}

.WhishlistBtn:active {
    transform: scale(0.97);
}

.DescriptionBtn {
    position: absolute;
    top: 2%;
    right: 2%;
    color: white;
    background-color: black;
    padding: .375rem .75rem;
    font-size: 1.5rem;
    transition: background-color 0.2s ease;
}

.DescriptionBtn:hover {
    background-color: var(--supporting-pink);
    color: white;
}

.DescriptionBtn:focus + .DescriptionFilter {
    opacity: 1;
    pointer-events: auto;
}

.language-button {
    background-color: var(--main-pink);
    border: none;
    border-radius: 15px;
    color: white;
    font-family: 'Switzer', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    min-height: 44px;
    min-width: 44px;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.language-button:active {
    transform: scale(0.97);
}

.language-button:hover {
    background-color: var(--accent-orange);
    color: white;
}

.language-button.active {
    background-color: var(--accent-orange);
    color: white;
}

.language-button:disabled {
    background-color: var(--accent-orange);
    color: white;
}