/* Style den mindre knap */ .custom-button { display: inline-block; padding: 6px 12px; /* Mindre padding */ font-size: 14px; /* Mindre skriftstørrelse */ color: #ffffff; background-color: #3a78b7; border: 2px solid #3a78b7; border-radius: 4px; /* Rundere hjørner */ text-align: center; text-decoration: none; /* Fjern understregning */ transition: background-color 0.3s, border-color 0.3s; /* Smooth hover effekt */ } /* Hover effekt */ .custom-button:hover { background-color: #2f6396; /* Mørkere blå ved hover */ border-color: #2f6396; } /* Aktiv tilstand (når knappen er trykket) */ .custom-button:active { background-color: #254f75; /* Endnu mørkere blå */ border-color: #254f75; }
Tillverkar information