.size-section {
margin-top: 20px;
padding: 10px 20px;
width: 100%;
}
.size-title {
font-size: 17px;
padding: 4px 0 16px 0;
}
.size-box {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
width: 100%;
color: var(--color-blue);
border: 1px solid lightgrey;
border-radius: 4px;
}
.size-input-radio {
line-height: 2.25;
width: 100%;
}
.size-label {
padding-left: 10px;
display: flex;
width: 100%;
font-size: 17px;
cursor: pointer;
}
.size-label:hover {
background-color: lightgrey;
}
.size-radio {
margin-bottom: 2px;
cursor: pointer;
}
@media screen and (max-width: 1270px) {
.size-section {
padding: 5px 10px;
}
.size-box {
}
.size-title {
padding-top: 0;
}
}
@media screen and (max-width: 800px) {
.size-title {
font-size: 18px;
padding-left: 10px;
}
.size-label {
font-size: 18px;
}
}