@import url('../style.css');

.card{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100vh;
     gap: 20px;
}
.card-check,.card-radio{ 
    display: flex;
    flex-direction: column;
    background-color: var(--background-color);
    padding: 20px;
    gap: 20px;
    border-radius: 12px;
}
.card-check-item,.card-radio-item {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 20px;
}
.card-check-title.active,.card-radio-title.active {
     color: var(--primary-color);
}
.radio-btn,.checkbox{
     cursor: pointer;
}