
.button-benkeplate {
	width: 48%;
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.btn {padding-right:10px;}

.btn span.icon-enkel {
    background: url("/wp-content/uploads/2018/06/enkel_benkeplate.png") no-repeat center;
    float: left;
    /*width: 100px;*/
    height: 50px;
}

.btn span.icon-enkel:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.btn span.icon-l-losning {
    background: url("/wp-content/uploads/2018/06/l-losning.png") no-repeat center;
    float: left;
    /*width: 100px;*/
    height: 50px;
}

.btn span.icon-l-losning:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.btn span.icon-l-losning-hjorneplate {
    background: url("/wp-content/uploads/2018/06/l-losning-hjorneplate.png") no-repeat center;
    float: left;
    /*width: 100px;*/
    height: 50px;
}

.btn span.icon-l-losning-hjorneplate:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.btn span.icon-u-losning {
    background: url("/wp-content/uploads/2018/06/u-losning.png") no-repeat center;
    float: left;
    /*width: 100px;*/
    height: 50px;
}

.btn span.icon-u-losning:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.btn{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:inline-block;overflow:hidden;height:53px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;line-height:30px;font-size:16px;font-weight:bold;text-shadow:0px 1px 1px #888;}
.btn span.icon,.btn span.title{display:block;position:relative;line-height:50px;padding:0 30px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.btn span.left{float:left;border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;}
.btn span.right{float:right;border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;}
.btn span.icon{font-size:23px;background-color:#999999;-webkit-box-shadow:0 3px 0 0 #c9c9c9;box-shadow:0 3px 0 0 #c9c9c9;text-shadow:0px 1px 1px #888;}
.btn span.title{-webkit-box-shadow:0 3px 0 0 #c9c9c9;box-shadow:0 3px 0 0 #c9c9c9;background-color:#999999;color: #ffffff;}
.btn span.arrow-left,.btn span.arrow-right{position:absolute;width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;-webkit-transition:all .15s;-transition:all .15s;-webkit-transition-property:left,right;transition-property:left,right;}
.btn.left span.arrow-left{right:0;-webkit-box-shadow:10px 0 0 0 #00cdae,10px 3px 0 0 #00ae94;box-shadow:10px 0 0 0 #00cdae,10px 3px 0 0 #00ae94;border-right:10px solid #00cdae;}
.btn.right span.arrow-left{right:0;-webkit-box-shadow:10px 0 0 0 #00967f,10px 3px 0 0 #007261;box-shadow:10px 0 0 0 #00967f,10px 3px 0 0 #007261;border-right:10px solid #00967f;}
.btn.left span.arrow-right{left:0;-webkit-box-shadow:-10px 0 0 0 #00967f,-10px 3px 0 0 #007261;box-shadow:-10px 0 0 0 #00967f,-10px 3px 0 0 #007261;border-left:10px solid #00967f;}
.btn.right span.arrow-right{left:0;-webkit-box-shadow:-10px 0 0 0 #00cdae,-10px 3px 0 0 #00ae94;box-shadow:-10px 0 0 0 #00cdae,-10px 3px 0 0 #00ae94;border-left:10px solid #00cdae;}
.btn span.slant-left,.btn span.slant-right{position:absolute;width:0;height:0;border-top:0 solid transparent;border-bottom:50px solid transparent;-webkit-transition:all .15s;-transition:all .15s;-webkit-transition-property:left,right;transition-property:left,right;}
.btn.left span.slant-right{left:0;-webkit-box-shadow:-10px 0 0 0 #00967f,-10px 3px 0 0 #007261;box-shadow:-10px 0 0 0 #00967f,-10px 3px 0 0 #007261;border-left:10px solid #00967f;}
.btn.right span.slant-right{left:0;-webkit-box-shadow:-10px 0 0 0 #00cdae,-10px 3px 0 0 #00ae94;box-shadow:-10px 0 0 0 #00cdae,-10px 3px 0 0 #00ae94;border-left:10px solid #00cdae;}.btn.left span.slant-left{right:0;-webkit-box-shadow:10px 0 0 0 #00cdae,10px 3px 0 0 #00ae94;box-shadow:10px 0 0 0 #00cdae,10px 3px 0 0 #00ae94;border-right:10px solid #00cdae;}
.btn.right span.slant-left{right:0;-webkit-box-shadow:10px 0 0 0 #00967f,10px 3px 0 0 #007261;box-shadow:10px 0 0 0 #00967f,10px 3px 0 0 #007261;border-right:10px solid #00967f;}
.btn:active,.btn.active{height:51px;}
.btn:hover{}
.btn:hover span.arrow-left{right:10px;}
.btn:hover span.arrow-right{left:10px;}
.btn:hover span.slant-left{right:10px;}
.btn:hover span.slant-right{left:10px;}
.btn-small{height:30px;font-size:12px;line-height:10px;}
a.btn-small span.btn{height:30px;}
