.btn {
    
}
.btn:hover {
    text-decoration: none;
}
.btn.light {
    background-color: #b0a6a5;
    color: white;
}
.btn.dark {
    background-color: #3e3232;
    color: white;
}
.btn.dark:hover {
    background-color: #504343;
}
.btn.red {
    background-color: #982717;
    color: white;
}
.btn.red:hover {
    background-color: #802013;
}
.btn.green {
    background-color: #6ab401;
    color: white;
}
.btn.green:hover {
    background-color: #5c9a02;
}
.btn.transparent {
    background-color: transparent;
    color: white;
    border: solid 1px white;
}
.btn.transparent:hover {
    text-decoration: underline;
}
.btn.medium {
    padding: 7px 18px;
}
.btn.big {
    padding: 5px 30px;
}
.btn.huge {
    padding: 7px 50px;
}
.btn.wide {
    width: 100%;
    padding: 14px 35px;
    text-align: center;
}