/* ------------------------------
Button
---------------------------------*/

/*semi round button*/
.iq-btn-semi-round { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }

/*round button*/
.iq-btn-round { -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; }

/*Circle button*/
.iq-btn-circle { -webkit-border-radius: 90px !important; -moz-border-radius: 90px !important; border-radius: 90px !important; }

/*Small button*/
.iq-btn-small { padding: 5px 15px !important; font-size: var(--font-size-xs) !important; }
/*Medium button*/
.iq-btn-medium { padding: 10px 30px !important; font-size: var(--font-size-normal) !important; }

/*Large button*/
.iq-btn-large { padding: 15px 45px !important; }

/*Extra Large button*/
.iq-btn-extra-large { padding: 15px 60px !important; }

/*Right side icon button*/
.btn-icon-right i { margin-left: 15px; }

/*Left side icon button*/
.btn-icon-left i { margin-right: 15px; }

/*button with Shadow*/
.iq-button.iq-btn-shadow:hover { -webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

button:hover,
button:focus {
    outline: none;
}