.custom-button {
display: inline-block;
padding: 10px 20px;
margin: 5px 0;
text-decoration: none;
border-radius: 15px;
font-weight: 400;
text-align: center;
transition: all 0.3s ease;
cursor: pointer;
border: 2px solid transparent;
}
.button-primary {
background-color: #d38235;
color: white;
border-color: #d38235;
}
.button-primary:hover {
background-color: #000;
border-color: #000;
color: white;
}
.button-secondary {
background-color: #6c757d;
color: white;
border-color: #6c757d;
}
.button-secondary:hover {
background-color: #5a6268;
border-color: #5a6268;
color: white;
}
.button-success {
background-color: #46b450;
color: white;
border-color: #46b450;
}
.button-success:hover {
background-color: #389e44;
border-color: #389e44;
color: white;
}
.button-danger {
background-color: #dc3545;
color: white;
border-color: #dc3545;
}
.button-danger:hover {
background-color: #bd2130;
border-color: #bd2130;
color: white;
}
.button-warning {
background-color: #ffb900;
color: #212529;
border-color: #ffb900;
}
.button-warning:hover {
background-color: #e0a800;
border-color: #e0a800;
color: #212529;
}
.button-info {
background-color: #17a2b8;
color: white;
border-color: #17a2b8;
}
.button-info:hover {
background-color: #138496;
border-color: #138496;
color: white;
}
.button-small {
padding: 5px 10px;
font-size: 14px;
}
.button-medium {
padding: 10px 20px;
font-size: 16px;
}
.button-large {
padding: 1.5rem 2.5rem;
font-size: 25px;
}