.awesome,
.awesome:visited {
    font-family: 'Nunito Regular', serif;
    font-size: 16px;
    padding: 5px 40px;
    background: none;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;

    border: none;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

.awesome:hover {
    background-color: #111;
    color: #fff;
    text-decoration: none;
}

.awesome:active {
    top: 1px;
}

.small.awesome, .small.awesome:visited {
    font-size: 16px;
}

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited {
    font-size: 18px;
}

.large.awesome, .large.awesome:visited {
    font-size: 20px;
}

.green.awesome, .green.awesome:visited {
    background-color: #91bd09;
}

.green.awesome:hover {
    background-color: #749a02;
}

.blue.awesome, .blue.awesome:visited {
    background-color: #2daebf;
}

.blue.awesome:hover {
    background-color: #007d9a;
}

.red.awesome, .red.awesome:visited {
    background-color: #e33100;
}

.red.awesome:hover {
    background-color: #872300;
}

.magenta.awesome, .magenta.awesome:visited {
    background-color: #a9014b;
}

.magenta.awesome:hover {
    background-color: #630030;
}

.orange.awesome, .orange.awesome:visited {
    background-color: #ff5c00;
}

.orange.awesome:hover {
    background-color: #d45500;
}

.yellow.awesome, .yellow.awesome:visited {
    background-color: #ffb515;
}

.yellow.awesome:hover {
    background-color: #fc9200;
}

.dark_blue.awesome, .dark_blue.awesome:visited {
    background-color: #003865;
}

.dark_blue.awesome:hover {
    background-color: #0078C2;
}