select[name="currency"] {   width:100%;   max-width:300px;   padding:5px 15px;   border:1px solid #ccc;   border-radius:5px;   background-color:#f8f9fa;   color:#333;   font-size:16px;   font-family:'Arial', sans-serif;   appearance:none;   -webkit-appearance:none;   -moz-appearance:none;   cursor:pointer;   outline:none;   transition:all 0.3s ease; }  select[name="currency"] {   background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23333" d="M7 10l5 5 5-5z"/></svg>');   background-repeat:no-repeat;   background-position:right 10px center;   background-size:12px; }  select[name="currency"]:hover {   border-color:#007bff;   background-color:#e9ecef; }  select[name="currency"]:focus {   border-color:#007bff;   box-shadow:0 0 5px rgba(0, 123, 255, 0.5); }  select[name="currency"] option {   padding:10px;   background-color:#ffffff;   color:#333;   font-size:16px; }  select[name="currency"]:disabled {   background-color:#e9ecef;   color:#6c757d;   cursor:not-allowed; }