@charset "UTF-8";

/*ESEMPIO BOTTONE*/
.btn, .btn:focus {
cursor: pointer;
text-align: center; font-family: OpensansC_Light, Verdana; font-size: 13pt;
white-space: nowrap;
text-decoration: none;
padding: 15px;
text-transform: uppercase;
color: #fff !important; /* color: #008ec5 !important; */
background-color: transparent !important; /* background: rgba(255,255,255,.94); */
border: #fff 2px; border-style: solid; border-radius: 1px;
transition: all 0.2s ease-in-out !important;
}

.btn::before { content: ''; display: inline-block; width: 8px; height: 11px; position: relative; top: 0; left: -3px; background: url("/css/freccia.svg") no-repeat; transition: transform 0.2s; }
.btn:hover::before, .btn:focus::before { transform: translateY(0) translateX(-2px) rotate(90deg); }

.btn:hover {
text-decoration: none;
padding: 15px;
text-decoration: none;
color: #ffffff !important;
background: rgba(0,0,0,.22) !important;
border: #fff 2px; border-style: solid; border-radius: 1px;
}
/*ESEMPIO BOTTONE*/