Hormonal
.woocommerce-ordering select,
.wc-block-sort-select select,
select.orderby {
background: rgba(255,255,255,0.78);
color: #0B1F2A;
border: 1px solid #DCE7F5;
border-radius: 999px;
padding: 12px 42px 12px 18px;
font-size: 15px;
font-weight: 600;
box-shadow: 0 8px 24px rgba(11,31,42,.08);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, #0B1F2A 50%),
linear-gradient(135deg, #0B1F2A 50%, transparent 50%);
background-position:
calc(100% – 20px) calc(50% – 2px),
calc(100% – 14px) calc(50% – 2px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
}
.woocommerce-ordering select:hover,
.wc-block-sort-select select:hover,
select.orderby:hover {
border-color: #BFD5EE;
box-shadow: 0 12px 28px rgba(11,31,42,.10);
}
.woocommerce-ordering select:focus,
.wc-block-sort-select select:focus,
select.orderby:focus {
border-color: #2F80ED;
box-shadow: 0 0 0 3px rgba(47,128,237,.12);
}
