/*========== Button Start ==========*/
.hr-btn {
    padding: 0.8rem 0.875rem;
    font-size: 0.875rem;
    font-weight: var(--weight-600);
    border-radius: 0.5rem;
}

.btn-main {
    color: var(--white);
    background-color: var(--color-1);
    padding: 8px 27px;
    font-size: 14px;
    border: none;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    font-family: var(--font-01);
    line-height: 29px;
    display: block;
    text-align: center;
}
.btn-main:hover {
    color: #fff;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(29, 29, 31, 0.5);
    -moz-box-shadow: 2px 2px 20px 0px rgba(29, 29, 31, 0.5);
    box-shadow: 2px 2px 20px 0px rgba(29, 29, 31, 0.5);
}

.btn-main-2 {
    display: flex;
    background: rgba(0, 0, 0, .05);
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #000;
    border-radius: 30px;
}

/*========== Button End ==========*/
@media(max-width:1200px){
    .btn-main {
    padding: 8px 20px;
}
}
@media(max-width:992px){
   .btn-main {
    padding: 3px 19px;
}
}