﻿.toggle-wrapper {
    display: flex;
/*    justify-content: center;*/
 /*   margin-top: 10px;*/
}

.radio-toggle input[type="radio"] {
    display: none;
}

.radio-toggle label {
    padding: 10px 20px;
    border: 1px solid #ccc;
    background-color: white;
    color: #333;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.2s ease-in-out;
    user-select: none;
}

    .radio-toggle label:first-of-type {
        border-radius: 5px 0 0 5px;
    }

    .radio-toggle label:last-of-type {
        border-radius: 0 5px 5px 0;
        border-left: none;
    }

.radio-toggle input[type="radio"]:checked + label {
    background-color: #f7941d; 
    color: white;
    border-color: #f7941d;
}
.radio-toggle.brand-373 input[type="radio"]:checked + label {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
.radio-toggle.brand-373 input[type="radio"]:checked + label {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
.radio-toggle.brand-373 label:hover {
    background-color: #003A81;
    border-color: #003A81;
    color: white;
    box-shadow: 0px 2px 4px rgba(0, 58, 129, 0.48);
}

.radio-toggle.brand-374 input[type="radio"]:checked + label {
    color: white;
    background-color: #C1272D;
    border-color: #C1272D;
}

.radio-toggle.brand-374 label:hover {
    background-color: #000;
    border-color: #000;
    color: white;
    box-shadow: 0px 2px 4px rgba(45, 42, 38, 0.48);
}

.radio-toggle.brand-372 input[type="radio"]:checked + label {
    color: white;
    background-color: #BE1E2D;
    border-color: #BE1E2D;
}

.radio-toggle.brand-372 label:hover {
    background-color: #000;
    border-color: #000;
    color: white;
    box-shadow: 0px 2px 4px rgba(45, 42, 38, 0.48);
}

.radio-toggle.brand-543 input[type="radio"]:checked + label {
    color: white;
    background-color: #CF3339;
    border-color: #CF3339;
}

.radio-toggle.brand-543 label:hover {
    background-color: #000;
    border-color: #000;
    color: white;
    box-shadow: 0px 2px 4px rgba(45, 42, 38, 0.48);
}




